<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>提醒搜索</title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../../../template/website/css/app.css"/>
<style type="text/css">
.date input{
 width:0.1rem;
 height:auto;
 }
</style>
</head>
<body>
  <div class="am-g  am-padding" id="condition"> 
       <div class="am-u-sm-12  am-margin-vertical-sm">
       <input class="am-form-field am-input-sm"  id="rmdContent" value="" placeholder="关键字" />
       </div>
       
       <div class="am-u-sm-12  am-margin-vertical-sm">
       <select class="am-form-field " id="readFlag"  data-am-selected="{btnWidth: '100%',btnSize: 'sm'}">
       <option value="1" selected>已读提醒</option>
       <option value="0">未读提醒</option>
       </select>
       </div>
       
       <div class="am-u-sm-12  am-margin-vertical-sm">
       <select class="am-form-field" id="rmdState" data-am-selected="{btnWidth: '100%',btnSize: 'sm'}">
       <option value="1" selected>已处理提醒</option>
       <option value="0">未处理提醒</option>
       </select>
       </div>
       
       <div class="am-u-sm-12 am-margin-vertical-sm">
       <select class="am-form-field" id="rmdType" data-am-selected="{btnWidth: '100%',btnSize: 'sm',maxHeight: 200}">
       <option value="0" selected>所有类型</option>
       <option value="1">集团欠费提醒</option>
       <option value="2">法定节假日提醒</option>
       <option value="3">重要成员生日提醒</option>
       <option value="4">重要成员存费送费到期提醒</option>
       <option value="5">集团红灯预警提醒</option>
       <option value="6">集团周年庆提醒</option>
       <option value="7">协议/合同到期提醒</option>
       <option value="8">投诉提醒</option>
       <option value="9">重要成员存送终端到期提醒</option>
       <option value="10">关键指标告警提醒</option>
       <option value="11">主动提醒</option>
       <option value="12">集团重要成员红灯预警</option>
       
       </select>
       </div>
       
       <div class="am-u-sm-12 am-margin-vertical-sm am-text-center" >
       <input type="date" id="start_date" class="am-input-sm" placeholder="开始日期" value="开始日期"/>
       <span >&nbsp-&nbsp</span>
       <input type="date" id="end_date" class=" am-input-sm" placeholder="结束日期"/>

       </div>
       
       <div class="am-u-sm-12 am-margin-vertical-sm">
       <div class="am-u-sm-6 am-text-left" style="padding-left:0">
        <button type="button" class="am-btn am-btn-sm am-btn-primary" id="search">搜&nbsp&nbsp&nbsp&nbsp索</button> 
       </div>
       <div class="am-u-sm-6 am-text-right" style="padding-right:0">
        <button type="button" class="am-btn am-btn-sm" id="cancel" Confirm>取&nbsp&nbsp&nbsp&nbsp 消</button> 
       </div>
       
       </div>
       
  </div>
  
  <div class="am-g am-padding am-hide" id="result"> 
  <ul class="am-list  am-list-border" id="ul_result">
        <!--缩略图在标题左边-->

              <script type="text/x-handlebars-template" id="tpl">
             {{#if list}}
                {{#list}}

                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-margin-vertical-xs am-padding-horizontal-xs " onclick="click2details('{{origin}}','{{overFlag}}','{{rmdCategory}}','{{rmdContent}}','{{rmdDay}}','{{rmdId}}','{{rmdReadState}}','{{rmdType}}','1')">
                    <div class="am-u-sm-4 am-u-md-2  am-padding-vertical-sm">
                        <div class="am-list-item-text" id="rmdDay">{{rmdDay}}</div>
                    </div>

                    <div class="am-u-sm-8 am-u-md-10  am-padding-vertical-sm">
                        <div class="am-list-item-text" id="rmdContent">{{rmdContent}}</div>
                     </div>

                </li>
                {{/list}}
             {{else}}
            {{/if}}
            </script>
 </ul>
 
 <div class="am-g">
  <div id="error_msg" class="am-list-item-text am-margin-xs am-hide am-padding-horizontal-xs am-padding-horizontal-xs"></div>
 </div>
 
 <div class="am-g am-text-center">
    <button type="button" class="am-btn am-btn-sm am-btn-primary  " id="back" Confirm>返&nbsp&nbsp&nbsp&nbsp回</button> 
 </div>
 
</div>

  
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
    <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder.base.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder.search.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
</body>
</html>